<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/bigBox.js"></script>
    <link rel="stylesheet"  href="./css/index.css"/>
</head>
<body>
        <div class="small-box">
            <span class="hover-box"></span>
        </div>
        <div class="big-box"></div>

</body>
<script>
    window.onload=function() {

        //获取初始化的变量
        var small = document.getElementsByClassName('small-box')[0];
        var big = document.getElementsByClassName('big-box')[0];
        var tool = document.getElementsByClassName('hover-box')[0];
        obj.init(small,big,tool,10);


    };
</script>
</html>
